<!DOCTYPE html>
<html>
<head>
	<title>Base Template</title>
	<!--metadatos-->
	<meta content="text/html" charset="UTF-8"/>
	<meta lang="es"/>

	<!--hojas de estilo-->
	<link rel="stylesheet" type="text/css" href="css/general.css">

	<!--librerias js-->
	<script type="text/javascript" src="js/vendor/prefixfree.min.js"></script>
	<script type="text/javascript" src="js/vendor/jquery.min.js"></script>
	<script type="text/javascript" src="js/vendor/jquery.nanoscroller.min.js"></script>

	<!--scripts-->
	<script type="text/javascript" src="js/custom/animation.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	
</head>
<body>
<header>
	<nav>
		<!--ul>
			<li>Menú</li>
		</ul-->
	</nav>
</header>
<div id="practice-area">
	<div id="controls-bar">
		<a href="#" class="btn"><i class="icon-ok-sign"></i> Enviar</a>
		<a href="#" class="btn danger"><i class="icon-rotate-left"></i> Reiniciar</a>
	</div>
</div>

<div id="lesson-area">
	<div class="nano">
		<div class="content">
			<h2>Lorem ipsum</h2>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis turpis elit. Phasellus hendrerit tincidunt aliquet. Nullam cursus libero urna, non venenatis ipsum. Donec tincidunt pellentesque libero, et dignissim libero varius sit amet. Nam mollis, dolor id egestas porttitor, mauris elit mattis lectus, et facilisis nisi lorem sed diam. Aliquam tempus hendrerit ipsum sit amet malesuada. Morbi posuere nisl sed augue ultrices in vulputate dui tristique. Pellentesque eget 
			</p>

			<p>
				Curabitur feugiat est in mi bibendum condimentum in tincidunt dui. Vestibulum vel ipsum eros, in egestas metus. Aenean lacinia cursus commodo. Mauris at leo sit amet nisl commodo feugiat. Praesent aliquam tempor elit non luctus. Quisque pretium pretium diam, quis ultrices eros facilisis posuere. Ut fringilla ante quis lacus gravida convallis. Maecenas ac dictum enim. Quisque tortor nunc, pharetra sit amet tempus sit amet, molestie vitae urna. Praesent at massa ante. Sed 
			</p>

			<p>
				Pellentesque nec dolor massa. Aliquam adipiscing vestibulum leo ac rutrum. Sed porta augue eget nisl eleifend tincidunt. Phasellus nunc metus, eleifend a tempus ut, fringilla ultricies mi. Sed sed luctus tellus. Morbi condimentum volutpat scelerisque. Nam nisl nisi, euismod sed dignissim vitae, dictum porta ligula. Phasellus eget elit lacus. Integer suscipit pulvinar suscipit.
			</p>

			<p>
				Morbi elementum mauris eu justo bibendum ornare ut non magna. Aliquam erat volutpat. Fusce tincidunt sagittis nunc, eu fringilla leo tincidunt ut. Donec vitae augue lorem, sit amet porta lorem. Morbi ac nibh ligula, sed condimentum lectus. Vivamus mollis mi egestas mauris porttitor tristique. Morbi consequat odio in mi ultricies varius. Quisque euismod posuere euismod. Vestibulum eleifend blandit orci, sed iaculis risus vehicula vel.
			</p>
		</div>
	</div>
</div>


<!--div id="notes-panel">
	<div id="toggle-btn">
		<p>Notas</p>
	</div>
	<div id="pdf-btn">
		<p>Bajar en PDF</p>
	</div>
	<div id="notepad" class="nano">

		<div id="rings"></div>
		<div id="sheet" >
			<div id="sheet-content" contenteditable="true" class="content">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
				quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
				consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
				cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
				proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
			</div>
		</div>
	</div>
</div-->
</body>
</html>